<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<title>交通违章</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../../../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="../../../css/app.css" />
	<style type="text/css">
		body{overflow-y: auto;}	
	   .mui-content{position: absolute;top: 0;left: 0;height:100%;  background:url(../../../images/service/transport_banner.png)  no-repeat; background-size:100% 200px;}
	   .mui-content .mui-title{color: #fff;}
	   .mui-bar{background: none;}
	   .mui-content{background-color: #fff;}
	   .mui-content .life_container{margin:160px auto 0px auto;}
	   .mui-table-view:before,.mui-table-view:after{background:none;}
	   .mui-table-view-cell:last-child:after{height: 1px;}
	   .mui-table-view-cell{padding: .3rem; font-size: .3rem}
	   .mui-navigate-right>span{display: inline-block; vertical-align: middle; width: .4rem; height: .38rem; margin: 0rem .1rem 0 0;}
	   .mui-navigate-right>.ico01_water{background: url(../../../images/service/t_icon01.png); background-size: cover;}
	   .mui-navigate-right>.ico02_water{background: url(../../../images/service/t_icon02.png); background-size: cover;}
	   .mui-navigate-right>.ico03_water{background: url(../../../images/service/t_icon03.png); background-size: cover;}
	   .mui-navigate-right>.ico04_water{background: url(../../../images/service/t_icon04.png); background-size: cover;}	   	   
	</style>
</head>

	<body>
		<!-- 主体start -->
		<div class="mui-content">		
			<!-- 生活缴费start -->
		<div class="life_container">
		  	<ul class="mui-table-view">
	          	<li class="mui-table-view-cell" url="_www/src/bianmin/life_pay/car_Illegal_Payment.html" id="car_Illegal_Payment" title="违章缴纳" >
		          	<a class="mui-navigate-right"><span class="ico01_water"></span>违章缴纳</a></li>
	          	<li class="mui-table-view-cell" url="" id="" title="机动车违章查询" >
		          	<a class="mui-navigate-right" ><span class="ico02_water"></span>机动车违章查询</a></li>
	          	<li class="mui-table-view-cell" url="" id="" title="驾驶人违法查询" >
		          	<a class="mui-navigate-right"><span class="ico03_water"></span>驾驶人违法查询</a></li>
	          	<li class="mui-table-view-cell" url="" id="" title="驾驶证扣分查询" >
  					<a class="mui-navigate-right"><span class="ico04_water"></span>驾驶证扣分查询</a></li>			          
		  	</ul>	
		</div>
			<!-- 生活缴费end -->
		</div>
		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/app.js" ></script>
		<script type="text/javascript" src="../../../js/common.js" ></script>
		<script type="text/javascript">
			mui.init()
			mui('.life_container').on('tap','li',function(){
				var title = this.getAttribute("title");
				var url = this.getAttribute("url");
				var id = this.id;
				if(!url){
					mui.toast('该功能尚未开通');
					return;
				}
				showTemplates(id?id:url,title,url);
			});
		</script>
	</body>

</html>